<template>
	<div class="content">
		<!-- 诊所描述Card -->
		<div class="header">
			
		</div>
		
		<div class="main">
			
		</div>
		<div class="feet">
			<div class="sonPriceDiglog">
				<el-dialog
				  title="编辑打包项目明细"
				  :visible.sync="sonPriceDiglog"
				  width="28%"
				  :before-close="handleClose">						
				  <el-form :model="listCharge" :inline="true" size="mini">
					<el-form-item>
						<div style="display: flex;font-size: 12px;padding: 12px 0 0 0;">
							<span style="width: 68px;font-weight: bold;">项目名称:</span>
							<el-select @change="handClickName" value-key="key" v-model="form.genericName" filterable placeholder="" remote
							  reserve-keyword :remote-method="remoteMethod" popper-class="selectFrom" v-selectScroll="handleScroll" 
							  >
							    <el-option
							      v-for="(item,index) in SelectName"
							      :key="item.id"
							      :label="item.productName"
							      :value="item">
								  <!-- 选择框 -->
								  <div class="abox">
									  <span class="fixedData">序号：</span><span class="Adata">{{ index + 1 }}</span>
									  <!-- 文字提示 -->
									  <span class="fixedData">名称：</span>
									  <el-tooltip :content="item.productName" placement="top">
									    <span class="Adata">{{ item.productName }}</span>
									  </el-tooltip>
								  </div>
							    </el-option>
								<!-- 加载提示 -->
								 <span v-if="showLoading == true" v-loading="loading" style="font-size: 10px;display: inline-block;width: 100%;text-align: center;">{{ titSpell }}</span>
							  </el-select>
						</div>
					</el-form-item>
					<el-form-item :model="listCharge" :inline="true" size="mini" >
						<div style="display: flex;font-size: 12px;padding: 12px 0 4px 0;">
							<span style="width: 88px;font-weight: bold;">项目数量:</span>
							<el-input v-model="listCharge.chargeProjectName" @input="inputLabel"></el-input>
						</div>
					</el-form-item>	
				  </el-form>
				  <span slot="footer" class="dialog-footer">
				    <div class="footerbox" style="display: flex;justify-content: space-between;">
						<div><span style="font-size: 12px;color: #5b5b5b;:2px;font-weight: bold;">连续新增:</span>
							<el-checkbox v-model="firstLoading"></el-checkbox>
						</div>
						<div>
							<el-button @click="sonPriceDiglog = false" size="mini">确定</el-button>
							<el-button @click="sonPriceDiglog = false" size="mini">取消</el-button>
						</div>
					</div>
				  </span>
				</el-dialog>
			</div>
		</div>
	</div>
</template>

<script>
	// selfs / sons
	
	export default {
		components: {
			
		},
		data() {
			return {

			}
		},

		methods: {



		},

		//生命周期
		created() {
			
		},

	}
</script>

<style lang="less" scoped>
.content{
	height: 100%;
	width: 100%;

}
</style>